@import "../../../styles/default.scss";
.market-data-line{
  width: 100%;
  height: 200px;
}
.data-line-chart-card{
  padding: size(8) pxToRem(12);
  border: solid 1px $text-ph-color;
  .data-line-chart-title{
    display: flex;
    align-items: center;
    font-size: pxToRem(14);
    color: $text-ph-color;
    padding: size(8) 0;
    .data-line-chart-name{
      font-weight: 800;
    }
    .seize{
      flex: 1;
    }
    .data-line-chart-select{
      display: flex;
      align-items: center;
      border: solid 1px $text-ph-color;
      font-size: pxToRem(12);
      padding: size(2) pxToRem(4);
      .icon {
        fill: $text-primary;
        width: size(8);
        height: size(8);
      }
    }
  }
  .data-line-chart-content{
    margin-top: size(12);
    position: relative;
    &::before {

    }
  }

}
.quotation-chart-data{
  padding: size(12) pxToRem(12);
}

.data-popup-header{
  padding: size(8) pxToRem(12);
  font-size: pxToRem(14);
  font-weight: 800;

}
.data-popup-list-item{
  padding: size(8) pxToRem(12);
  font-size: pxToRem(12);
  display: flex;
  align-items: center;
  .seize {
    flex: 1;
  }
  &.active{
    color: $active-color;

  }
}
